Diaporama Horizontal pour Gadget ou Article

*Diaporama Horizontal pour Gadget ou Article*

<marquee scrollamount="6">

<img src="URL DE L'IMAGE 1" height="200" width="300" />

<img src="URL DE L'IMAGE 2" height="200" width="300" />

<img src="URL DE L'IMAGE 3" height="200" width="300" />

</marquee>

==== Ajouts Suppl ====

<img src="URL DE L'IMAGE " height="XXX" width="XXX" />

==============

Url de l'image est une image heberger exemple https://www.exemple.com/image.jpg

Height = hauteur

Width= Largeur 

=========Vertical ===========

<marquee scrollamount="6" direction="up" onmouseover="this.star()" onmouseout="this.start()">&nbsp;<img height="200" width="300" src="URL DE L'IMAGE 1" />

<br /><img height="200" width="300" src="URL DE L'IMAGE 2" /><br /><br/><img height="200" width="300" src="URL DE L'IMAGE 3" /></marquee></p>

====Ajouts Suppl =====

<img height="200" width="300" src="URL DE L'IMAGE X" /><br />

===========NOTE=====

''this start''  peut etre remplacer part ''this stop ''.

Fleches HAUT/BAS

 Le code de fleche je l'avais pas encore mis car ceux javais avait un probleme mais celui la il est correct

FLECHES HAUT/BAS

Code  Gadget/HTML Javascript

<div id="fleche">

<a href=#header>

<img src="URL FLECHE HAUT" />

</a><br />

<a href=#footer-1>

<img src="URL FLECHE BAS" />

</a>

</div>

======CSS====

theme /Personaliser/Avancé/ Ajout fichier CSS;

#fleche { position: fixed; top:585px; left:8%; }

le vert est la haut, 

Left est a gauche mais vous pouvez le mettre a droite (right)

Le jaune est la marge.

*MODELES POUR VOUS*

J'ai faites quelques fleches pour vous depannez. Libre a vous les utilisez ou pas. Sinon facile en faire avec Corel ou Photoshop avec les outils. 

Bordure autour des titres des articles

Bordure autour des titres d' articles

 Theme/ Modifier HTML:

/* Posts

----------------------------------------------- */

Ce code:

border: 2px dotted;

N'oubliez pas enregistrer votre changement sur la disquette en haut a droite.

Bordure pour la barre de commentaire en bas d'article

 

Theme/ Modifier HTML:

/* Posts

----------------------------------------------- */

Et vous ajoutez ce code:

border: 2px dotted;

comme l'indique la fleche

Arriere Plan Central + Bordures

Theme/ Modifier HTML

Et vous ajoutez  les codes ou  les fleches indiques

background-image:url(URL DE L'ARRIERE PLAN);

==== Ajout Bordure ====

border: 5px dotted;

Arriere Plan pour les Commentaires+ Bordures

 Si vous souhaitez avoir un arriere plan texturer ou avec de l'animation gif vous devez installer le code ci

https://les-astuces-blogger.blogspot.com/2024/07/fond-couleur-des-commentaires-avec.html 

mais vous vous l'avez dejas vous passer a l'etape suivante.

 

=============Theme/Modifier HTML===================

Explication comment ajouter l'arriere plan texturer ou GIF

Dans le Modifier retrouver ce code en bas apres la section Mobile  ou avant le  <Skin>

et vous ajouter ceci 

background-image:url(URL DE L'ARRIERE PLAN);

}

****

Et si vous voulez une bordure vous ajoutez:

border: 4px dotted;

Arriere Plan des titres de Gadgets

 Beaucoup m'avait demander ca en juin/juillet et j'avais pas trouver mais la vue je comprend beaucoup plus ce language script j'ai trouvée ou. C'est vraiment facile.

Allez dans le Theme/Personaliser/ Modifier HTML et aller  jusqu'a Headings 

Et ajouter ceci:

background-image:url(URL DE L'ARRIERE PLAN);

======= Si vous voulez une bordure ======

border: 5px dotted;  

==== Note ===

Choix de bordures

dashed, dotted, solid, double, ridge, inset, outset

Barre de retour ''Acueil'' en bas de la page

 

Avec Arriere Plan

Cette astuces est pour le theme de base Awesome inc

Allez dans  Theme/HTML Modifier et trouve ceci:

 border: 8px double #4467c0; /* Bordure

Si vous voulez un fond arriere plan vous ajoutez ce code:

background-image:url('URL DE L'IMAGE ARRIERE PLAN'); /* Arriere plan 

}

Bouton deco pour le '' commentaire ''

Avec arriere plan ou frame png

ou fond couleur 

Ce code personne me l'a donner je l'ai trouver avec acharnement depuis quelques jours. Grace a ma patience et mes recherches en language de code  sa m'a aider aussi le petti truc qui sert beaucoup le clique droit  '' inspecter'' .

=========================================

POur realiser cette astuce vous devez avoir le theme Awesome Inc.

 Le theme simple ne fonctionne pas .

***

Theme / Personaliser/Avancé/Ajout fichier Css

Code CSS

.comment-link {

background-color:#fed4d5;  /*Bouton fond couleur*/

padding:10px;  /*Espacement autour du nom commentaire*/

font-size: 16px; /*Taille ecriture*/

}

a.comment-link {

color: #d76365; /*Couleur ecriture */

}

========Arriere plan image =============

.comment-link {

 background-image: url("URL DE L'IMAGE");  /*Bouton arriere plan */

padding:10px;  /*Espacement autour du nom commentaire*/

font-size: 16px; /*Taille ecriture*/

}

a.comment-link {

color: #d76365; /*Couleur ecriture*/

}

==============

Pour avoir plus grand faut ajouter des marges